@charset "utf-8";

/**********字体类**********/
.font12{
    font-size: 12px;
}
.font13{
    font-size: 13px;
}
.font14{
    font-size: 14px;
}
.font15{
    font-size: 15px;
}
.font16{
    font-size: 16px;
}
.font22{
    font-size: 22px;
}
.font24{
    font-size: 24px;
}

/**********颜色类**********/
.black{
    color: #000;
}
.white{
    color: #fff;
}
.red{
    color: #eb413d;
}
//淡灰色
.gray{
    color: #e7e7e7;
}
//灰色
.light_gray{
    color: #99999a;
}
//深灰色
.darkgray{
    color: #444f58;
}
.green{
    color: #5db705;
}
/**********背景颜色类**********/

/**********文本框类**********/
.textbox{
    height: 40px;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
}

/**********按钮类**********/
.button{
    background: #eb413d;
    border-radius: 20px;
}
/*******宽度、高度******/
//宽
.width_18{
    width:18px ;
}
.width_36{
    width:36px ;
}
.width_38{
    width:38px ;
}
.width_44{
    width:44px ;
}
.width_66{
    width:66px ;
}
.width_74{
    width:74px ;
}
.width_82{
    width:82px ;
}
.width_103{
    width:103px ;
}
.width_104{
    width:104px ;
}
.width_118{
    width:118px ;
}
.width_148{
    width:148px ;
}
.width_167{
    width:167px ;
}
.width_175{
    width:175px ;
}
.width_182{
    width:182px ;
}
.width_236{
    width:236px ;
}
.width_334{
    width:334px ;
}
.width_366{
    width:366px ;
}
.width_500{
    width:500px ;
}

//高
.height_16{
    height: 16px;
}
.height_23{
    height: 23px;
}
.height_24{
    height: 24px;
}
.height_28{
    height: 28px;
}
.height_34{
    height: 34px;
}
.height_36{
    height: 36px;
}
.height_40{
    height: 40px;
}
.height_44{
    height: 44px;
}
.height_48{
    height: 48px;
}
.height_118{
    height: 118px;
}
/**********鼠标经过样式**********/
//红色
.pass:hover{
    color: #eb413d;
}
//按钮透明
.but:hover{
    opacity: .3;
}
